<script setup lang="ts">
import ByIcon from "../ui/ByIcon.vue";
</script>

<template>
  <view class="my-6 text-center">
    <ByIcon name="Spin" class="loading" />
    <text class="pl-1 text-second text-sm">正在加载</text>
  </view>
</template>

<style lang="less">
.loading {
  display: inline-block;
  animation: loading-rotate 2s linear infinite;
}

@keyframes loading-rotate {
  100% {
    transform: rotate(360deg);
  }
}
</style>
